import React, { Component } from "react";

export default class App extends Component {
  state = {
    value: "",
    checked: true,
  };
  render() {
    return (
      <div>
        {/* <input type="text" value={this.state.value} readOnly/> */}
        {/* <input type="text" defaultValue={this.state.value} />
        <input type="checkbox" name="" id="" defaultChecked={this.state.checked}/> */}
        {/* 
        在受控组件上指定 value 的 prop 会阻止用户更改输入。如果你指定了 value，但输入仍可编辑，则可能是你意外地将value 设置为 undefined 或 null。
下面的代码演示了这一点。（输入最初被锁定，但在短时间延迟后变为可编辑。）
        */}
        <input type="text" value={null} />
      </div>
    );
  }
}
